<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
	<link rel="stylesheet" type="text/css" href="./css/common.css" />
	<link rel='stylesheet' id='camera-css'  href='./css/camera.css' type='text/css' media='all'>
	<style>
		body {
			margin: 0;
			padding: 0;
		}
		a {
			color: #09f;
		}
		a:hover {
			text-decoration: none;
		}
		#back_to_camera {
			clear: both;
			display: block;
			height: 80px;
			line-height: 40px;
			padding: 20px;
		}
		.fluid_container {
			margin: 0 auto;
			max-width: 1000px;
			width: 90%;
		}
	</style>
	
	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
	<script type="text/javascript" src="./script/slide/jquery.mobile.customized.min.js"></script>
	<script type="text/javascript" src="./script/slide/jquery.easing.1.3.js"></script>
	<script type="text/javascript" src="./script/slide/camera.min.js"></script>
	
	<script src="./script/audio/audio.min.js"></script>
	
	<script type="text/javascript" src="./script/common.js"></script>
	<script type="text/javascript" src="./script/preview.js"></script>
	
	<script>
		
	</script>
	
	<title>video timeline v1.0</title>
</head>
<body>

<script type="text/javascript">

$(function() {
	startup();
});
</script>



<table width=100% cellpadding="0" cellspacing="0" ><tr><td width=100% align="center" valign="top">

	<table width="1024px" height="800" cellpadding="0" cellspacing="0" border="0">
		<tr><td width=100% valign="top" align="center" style="height: 25px;" ><h2>TIMELINE DEMO v1.0</h2></td></tr>
		<tr><td valign="top" align="center">
		<!-- main part -->

			<div class="fluid_container">
		        <div class="camera_wrap camera_azure_skin" id="camera_wrap_1">
		
				</div>
			</div>
	
		<!-- end main -->
		</td></tr>
		<tr><td valign="top">
		<!-- audio part -->
		
		<div id="div_audio_container"></div>

		<!-- end audio -->		
		</td></tr>
	</table>

</td></tr>
</table>

</body>
</html>